Insert into the <HEAD> of your HTML page:
<SCRIPT LANGUAGE="JavaScript"> <!-- if (document.images){ // preload images a0 = new Image(33,33); a0.src = "images/a0.gif"; a1 = new Image(33,33); a1.src = "images/a1.gif"; b0 = new Image(33,33); b0.src = "images/b0.gif"; b1 = new Image(33,33); b1.src = "images/b1.gif"; } tm = false; function flash(imageName,imageFile,statMsg) { if (document.images) eval( 'document.images[imageName].src = ' +imageFile+ '.src' ); if (statMsg) setTimeout( "self.status = '" +statMsg+ "'", 50 ); if (tm) clearTimeout(tmr); tmr = setTimeout( " erase()", 5000 ); //clear status in 5 sec tm = true; } function erase(){ self.status = ''; tm = false; } //--> </SCRIPT>
Insert into the <BODY> of your HTML page:
<A HREF="#" onMouseOver="flash('A','a1','* Link 1 *'); return true" onMouseOut="flash('A','a0',''); self.status=''"> <IMG SRC="images/a0.gif" NAME="A" BORDER=0 HEIGHT=33 WIDTH=33></A> <A HREF="#" onMouseOver="flash('B','b1','* Link 2 *'); return true" onMouseOut="flash('B','b0',''); self.status=''"> <IMG SRC="images/b0.gif" NAME="B" BORDER=0 HEIGHT=33 WIDTH=33></A>
1998 Copyright (C) Next Step All Rights Reserved